<%@ page language="java" pageEncoding="UTF-8" errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>奢华旅行度假指南，境外旅行攻略，精选奢华酒店-禅境旅行 </title>
    <meta name="keywords" content="奢华旅行度假指南,禅境旅行,奢华酒店,奢华旅行,旅行指南,旅游攻略,旅行,度假,餐厅,酒店,高尔夫球场,米其林餐厅,欧洲滑雪场,酒庄,奢华邮轮" />
    <meta name="description" property="og:description" itemprop="description" content="禅境旅行是奢华旅行度假指南的高端旅游攻略-为追求完美的旅行者，发现纯净、自然、宁静的避世之地；精选顶级酒店；推荐当地出色的餐厅及独到的旅行体验。" />
    <%@include file="/ui/portal/respond/htmlhead.jsp"%>
</head>
<body>
	<c:set var="renderView" value="1" scope="page"></c:set>
    <%@include file="/ui/portal/respond/head.jsp"%>
    
    <div id="carousel-example-captions" class="carousel slide zenslinder" style="" data-ride="carousel">
        <ol class="carousel-indicators">
            <c:forEach var="bigImage" items="${bigImages }" varStatus="status">
            	<c:if test="${status.first }">
            	 <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
            	</c:if>
                <c:if test="${!status.first }">
                <li data-target="#carousel-example-captions" data-slide-to="${status.index }" class=""></li>
                </c:if>
            </c:forEach>
        </ol>
        <div class="carousel-inner">
        	<c:forEach var="bigImage" items="${bigImages }" varStatus="status">
            	<div class="item ${status.first ? 'active' : '' }">
                    <a href="${bigImage.linkUrl}">
                    	<img alt="${bigImage.imageTitle }" src="${image_domain }${bigImage.origImage }">
                    </a>
                    <div class="carousel-caption">
                        <h3>${bigImage.imageTitle }</h3>
                         <hr />
                    	<h1>${bigImage.imageDesc }</h1>
                    </div>
                     
                </div>
            </c:forEach>
        </div>
        <a class="left carousel-control" href="#carousel-example-captions" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control"
                href="#carousel-example-captions" data-slide="next"><span class="glyphicon glyphicon-chevron-right">
                </span></a>
    </div>
    
    
    <div class=" container">
    	<c:forEach var="category" items="${categoryList }" varStatus="status">
        <div class="row">
            <div class=" col-md-12 ">
                <div class="center-block titleline">
                </div>
                <div class="index-news-wrap">
                    <div class="index-news-title">
                    	<c:choose>
							<c:when test="${category.featureCategoryId eq -1 }">
								<a href="${cpath}/classify">${category.categoryName}&nbsp;&gt;</a>
							</c:when>
							<c:when test="${category.featureCategoryId eq -2 }">
								<a href="${cpath}/destination">${category.categoryName}&nbsp;&gt;</a>
							</c:when>
							<c:when test="${category.featureCategoryId eq -3 }">
								<a href="${cpath}/hotel">${category.categoryName}&nbsp;&gt;</a>
							</c:when>
							<c:otherwise>
								<a href="${cpath}/classify/item/${category.featureCategoryId}?p=1">${category.categoryName}&nbsp;&gt;</a>
							</c:otherwise>
						</c:choose>
                    </div>
                </div>
            </div>
        </div>
        <div class=" clearfix height20px">
        </div>
        <div class="row">
        	<c:forEach var="item" items="${category.homeItems }">
        		<c:choose>
					<c:when test="${category.featureCategoryId == -1 }">
						<c:set var="linkUrl" scope="page"
							value="${cpath}/classify/news/${item.linkId}" />
					</c:when>
					<c:when test="${category.featureCategoryId == -2 }">
						<c:set var="linkUrl" scope="page"
							value="${cpath}/destination/${item.linkId}" />
					</c:when>
					<c:when test="${category.featureCategoryId == -3 }">
						<c:set var="linkUrl" scope="page"
							value="${cpath}/hotel/${item.linkId}" />
					</c:when>
					<c:otherwise>
						<c:set var="linkUrl" scope="page"
							value="${cpath}/classify/item/${category.featureCategoryId}/${item.linkId}" />
					</c:otherwise>
				</c:choose>
	            <div class="col-md-3">
	                <div class="thumbnail">
	                    <a href="${linkUrl }" title="${item.title}">
	                        <img class="lazy" alt="${item.title}" src="${cpath }/resources/portal2/img/grey.gif"
	                        	data-src="${image_domain }${item.miniImg }"></a>
	                    <div class="caption">
	                        <div class="title"><a href="${linkUrl }">${item.title}</a></div>
	                        <div class="remark"><a href="${linkUrl }">${item.desc }</a> </div>
	                    </div>
	                </div>
	            </div>
            </c:forEach>
        </div>
        </c:forEach>
    </div>
    <%@include file="/ui/portal/respond/footer.jsp"%>
    <%@include file="/ui/portal/respond/htmlscript.jsp"%>
    <script type="text/javascript">
    	$("img.lazy").lazyload();
    </script>
</body>
</html>
